<!DOCTYPE html>
<%layout("inc/html.html"){};%>
	<%layout("inc/css.html"){};%>
    <title>${config.webname!"WE823 CMS"}</title>
	</head>
	<body>
		<div class="container-fluid">
			<header>
			<%layout("inc/header.html",{isFirstPage:true}){};%>
			</header>
			<div id="main-container">
				<div class="row">
					<div class="container-fluid" id="slider-container">
						<div class="col-md-12" id="image-news-slider">
							<%for(var index=1;index<=9;index++){%>
						     <div data-background="${ctx}/u/r/images/2015-01/zw_0${index}.jpg"></div>
						   <%}%>
					    </div>
						<!-- /.slider -->
						<span style="position:absolute; bottom: 0px; left: 0px;width: 100%;text-align: center;" class="controls">
			                <div style="display: block; margin: 0 auto" class="centeredDotsControls">
			                <%for(var index=1;index<=9;index++){%>
			                  <a class="sudoSliderLink" data-target="${index}" href="#"><span>${index}</span></a>
			                <%}%>
			                </div>
				        </span>
				    </div>
				   <!-- /.slider-container-->
				</div>
				<!-- /.row -->
				<div id="main-container-content">
					<div class="container">	
					  <div class="col-md-4 content-list">
					  <dl class="">
						<dt>
						<span>案例展示</span>
						   <a href="cases" target="_blank">更多>></a>
					    </dt>
							<dd>
								<div>
								<a href="" target="_blank">
									
								</a>
								</div>
							</dd>
							<dd>
								<ul>
								<#cms_cases var="cases" tag="cases" category_id="0" count="6" orderby="addtime" sort="desc">
									<%for(caseModel in cases!){
										if(caseModelLP.index==1){
									%>
									<li class="thumb">
										<a href="case_${caseModel.id!0}.jspx">
										<img src="${caseModel.thumb}" alt="${caseModel.title!}" class="col-md-4">
										</a>
										<div class="col-md-8 content">
											<span><a href="case_${caseModel.id!0}.jspx">${caseModel.title}</a></span>
											<div class="desc">
											  ${caseModel.description!}
											</div>
										</div>
									</li>
									<%
										}else{
									%>
									<li><a href="case_${caseModel.id!0}.jspx" target="_blank" title="${caseModel.title!''}"><%string_cut(caseModel.title,16);%></a></li>
									<%
									   }
									}
									%>
								</#cms_cases>
								</ul>
							</dd>
						</dl>
					</div>
					<!-- /.col-md-4 .news-1 -->
					
					<div class="content-list col-md-4">
					<!-- 资质 -->
						<#cms_news_list var="hasMore,newsList" tag="newsList" channel="0" count="3" orderby="addtime" sort="desc">
						<dl>
							<dt>
							<span>公司新闻</span>
								<%if(hasMore!=null && hasMore==true){%>
							    <a href="newss" target="_blank">更多>></a>
								<%}%>
							</dt>
							<dd>
								<div>
								<a href="" target="_blank">
									
								</a>
								</div>
							</dd>
							<dd>
								<ul>
									<%if(newsList!=null){%>
									<%for(news in newsList){%>
									<li><a href="news_${news.id!0}.jspx" target="_blank" title="${news.title}"><%string_cut(news.title,16);%></a>(${news.addtime,"yy-MM-dd"})</li>
									<%}%>
									<%}%>
								</ul>
							</dd>
							
						</dl>
						</#cms_news_list>
					</div>
					<!-- /.col-md-4 .news-1 -->
					
				<div class="col-md-4 content-list">
				<dl>
					<dt>
					<span>联系我们</span>
				    </dt>
					<dd>
						<ul>
							<li>重庆兆文音响工程有限公司</li>
							<li>联系人:陈小姐</li>
							<li>电话:023-63763032</li>
							<li>传真:023-63763046</li>
							<li>Email:cqzhaowen@163.com</li>
							<li>QQ:1678645956</li>
							<li>网址:www.zhaowen.com</li>
							<li>地址:重庆市渝中区邹容路50号半岛国际商务大厦12楼A座</li>
						</ul>
					</dd>
				</dl>
				</div>
				<!-- /.col-md-4 -->
				</div>
				</div>
				<!-- /.content row -->
				<div class="container brand-list">
					<div class="col-md-12">
						<h3>合作品牌</h3>
					</div>
					<div class="col-md-12">
						<ul class="marquee col-md-12">
							<#cms_brands var="brands" tag="brands">	
							<%for(brand in brands!){%>
							<li>
								<a href="${brand.homepage!'#'}" title="${brand.name!''}">
								<img src="http://office.zhaowen.com/upfile/${brand.logo!''}" alt="${brand.name!''}" />
								</a>
							</li>
							<%}%>
							</#cms_brands>
						</ul>
					</div>
					<!-- /.col-md-12 body -->
				</div>
				<!--品牌合作部分-->
			</div>
			<!-- /.main container -->
			<footer>
		        <%layout("inc/footer.html"){};%>
			</footer>
		</div>
		<%layout("inc/js.html"){};%>
		<script src="${ctx}/static/assets/jquery/slider/jquery.sudoSlider.min.js"></script>
		<script src="${ctx}/static/assets/jquery/slider/jquery.properload.js"></script>
		<script src="${ctx}/static/assets/jquery/jquery.marquee.min.js"></script>
		<script src="${ctx}/static/skins/${theme}/js/index.js"></script>
		<script>
			$(document).ready(function(){
				var options = {
					effect:'random',
					auto:true,
					continuous:true,
					resumePause:10000,
					numeric:false,
					responsive:true,
					touch:true,
					mouseTouch:true,
					prevNext:false,
					customLink: ".sudoSliderLink",
                	updateBefore: true
				};
				CMS.Front.Index.initSlider("image-news-slider",options,"slider-container");
				
				$(".marquee").marquee({
					duplicated:true,
					pauseOnHover:true,
					duration:30000
				});
			});
		</script>
	</body>
</html>